let params={
    pagenum:1,
    pagesize:2,
    cate_id:"",
    state:""
}
let  total=0
//渲染页面
function reader() {
    axios({
        method:"get",
        params,
        url:"http://api-breakingnews-web.itheima.net/my/article/list",
        headers:{Authorization:localStorage.getItem("token")}
    }).then(({data:res})=>{
        console.log(res);
        if(res.status===0) {
            total=res.total
            $("tbody").empty()
            res.data.forEach(obj=>{
                let theTr = `<tr>
                            <td>${obj.title}</td>
                            <td>${obj.cate_name}</td>
                            <td>${moment(obj.pub_date).format("YYYY-MM-DD  hh:mm:ss")}</td>
                            <td>${obj.state}</td>
                            <th>
                            <button myid="${obj.Id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
                                </th>
                        </tr>`;
                $("tbody").append(theTr)        
            })
            setPage()
        }
    })
}
reader()

//完成文章类别选择功能
axios.get(
    "http://api-breakingnews-web.itheima.net/my/article/cates",
    {headers:{Authorization:localStorage.getItem("token")}}
  ).then(({data:res})=>{
  //   console.log(res);
    if(res.status===0) {
        $(`select[name="category"]`).append(`<option value="" lay-verify="cate">请选择分类</option>`)
      res.data.forEach(obj=>{
        const theOption = `<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`;
        $(`select[name="category"]`).append(theOption)
      })
      layui.form.render('select',"category")
    }
  })


// 完成筛选功能
/* 1.注册点击事件,修改上传参数
2.发送请求,渲染页面
 */

$("form").on("submit",function (e) {
    e.preventDefault()
    //获取参数
  const category= $(`select[name="category"]`).val()
  const state= $(`select[name="state"]`).val()
  params.cate_id=category
  params.state=state
  console.log(params);
  reader()
})

//完成分页功能
function setPage() {
    layui.use('laypage', function(){
        let  laypage = layui.laypage;
        
        //执行一个laypage实例
        laypage.render({
          elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
          ,count: total ,//数据总数，从服务端得到
          limit:params. pagesize,
          limits:[1,2,4,5,6],
          layout: ['count', 'prev', 'page', 'next', 'limit','skip'],
          curr: params.pagenum
          ,jump: function(obj,first){
              //触发点击后,会更改对应的值=====>初始值从上面拿数据,经过操作后,值改变了,让后将改变的值重新赋值给初始值
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
              //首次不执行
            if(!first){
                //do something
                params. pagesize=obj.limit
                params. pagenum=obj.curr
                console.log(params);
                reader()
              }
          }
        });
      });
}

//完成删除功能
$("tbody").on("click",".del",function () {
    let id=$(this).attr("myid")
    axios.get(
        `http://api-breakingnews-web.itheima.net/my/article/delete/${id}`,
        {headers:{Authorization:localStorage.getItem("token")}}).then(({data:res})=>{
            console.log(res);
            layer.msg(res.message)
            if(res.status===0){
             let index=layer.confirm('是否删除文章', {icon: 3, title:'温馨提示'}, function(index){
                    reader()
                    
                    layer.close(index);
                  });
            }
        })
    
})

function render() {
    axios.get("http://api-breakingnews-web.itheima.net/my/article/list",{params},{headers:{Authorization:localStorage.getItem("token")}}).then(({data:res})=>{
        console.log(res);
    })
}


// render()